<script setup lang="ts">
withDefaults(defineProps<{
  title: string
  border?: boolean
  rightIcon?: string
}>(), {
  border: true,
})

const emit = defineEmits<{
  (e: 'leftClick'): void
  (e: 'rightClick'): void
}>()

function leftClick() {
  emit('leftClick')
}

function rightClick() {
  emit('rightClick')
}
</script>

<template>
  <div class="nav-bar">
    <uv-navbar :title="title" :border="border" :right-icon="rightIcon" @left-click="leftClick" @right-click="rightClick" />
  </div>
</template>

<style lang="scss" scoped>
.nav-bar {
  padding-top: 44px;
}
</style>
